<template>
  <div>
    <van-nav-bar
      title="联系我们"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="logo">
      <img v-lazy="logo"/>
    </div>
    <van-cell-group>
      <van-cell title="客服电话" value="400-600-1886" />
      <van-cell title="官方微信" value="wegene" />
      <van-cell title="官方微博" value="基因官微" />
      <van-cell title="邮件反馈" value="service@wegene.com" />
      <van-cell title="商务合作" value="marketing@wegene.com" />
      <van-cell title="公司地址" value="广州市天河区体育西路000号,xx大厦" />
    </van-cell-group>
  </div>
</template>

<script>
import { NavBar, CellGroup, Cell } from 'vant'
import logo from '@/assets/logo.png'

export default {
  components: {
    [NavBar.name]: NavBar,
    [CellGroup.name]: CellGroup,
    [Cell.name]: Cell
  },
  data () {
    return {
      logo: logo
    }
  },
  mounted () {
  },
  methods: {
    onClickLeft () {
      this.$router.go(-1)
    }
  }
}
</script>

<style>
  .logo {
    margin-top: 50px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 30px;
  }
</style>
